<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
  <meta name="format-detection" content="telephone=no" />
  <title>成都融微软件服务有限公司</title>
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/animate.min.css" />
  <link rel="stylesheet" href="//at.alicdn.com/t/font_2061828_cu0j8gakeb6.css" />
  <link rel="stylesheet" href="js/layui/css/layui.css" />
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headleft.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/phone.css" />
  <link rel="stylesheet" href="./css/zzc_renwu.css">
  <link rel="stylesheet" href="./css/zzc_phone.css">
  <script src="js/jquery-1.11.3.js"></script>
  <script src="js/echarts.min.js"></script>
</head>

<body>
  <!-- 头部 -->
  <div class="daohang bgff">
    <script>
      $(".daohang").load("header.html");
    </script>
  </div>

  <!-- 创建设计方案 -->
  <div class="second">
    <div class="second_par">

      <!-- 头部  基本信息-->
      <div class="sj_head sj_bck">
        <p>基本信息填写</p>
      </div>


      <!-- 表格 -->
      <div class="sj_top sj_bck">
        <div class="sj_top_par">
          <div class="sj_top_ul_par">
            <ul class="sj_top_ul">
              <li>
                <div>
                  <p>设计方案类别：</p>
                </div>
                <div>
                  <input type="text">
                </div>
              </li>

              <li>
                <div>
                  <p><span>*</span>标题：</p>
                </div>
                <div>
                  <input type="text" name="" id="">
                </div>
              </li>

              <li class="at_u">
                <div>
                  <p>摘要：</p>
                </div>
                <div>
                  <input type="text" name="" id="">
                </div>
              </li>

              <li>
                <div>
                  <p>上传附件：</p>
                </div>
                <div>
                  <input type="text" name="" id="">
                  <button>选择文件</button>
                </div>
              </li>

            </ul>
          </div>
        </div>

      </div>


      <!-- 添加组 -->
      <div class="sj_c sj_bck">
        <div class="sj_c_ul_par">
          <div class="sj_c_ul">
            <button class="tianjia">+添加组</button>
            <ul>
              <li>
                <p><span>*</span> 方案URL：</p>
                <div>
                  <input type="text" name="" id="">
                </div>
                <!-- <button>删除组</button> -->
              </li>

              <li>
                <p><span>*</span> 选信源名称：</p>
                <div>
                  <input type="text" name="" id="">
                </div>
                <!-- <button>删除组</button> -->
              </li>

              <li>
                <p><span>*</span> 发布时间：</p>
                <div>
                  <input type="text" name="" id="">
                </div>
                <!-- <button>删除组</button> -->
              </li>
            </ul>
              <button class="dyf_shanchu">删除组</button>
          </div>
        </div>
      </div>

      <!-- 保存 预览 -->
      <div class="sj_b sj_bck">
        <div class="sj_b_par">

          <div class="sj_b_btn">

            <button>保存并预览</button>
            <button>保存草稿</button>
            <button>重置</button>
            <button>取消</button>

          </div>

        </div>
      </div>
    </div>
  </div>

  <!-- 尾部 -->
  <div class="foot huibg">
    <script>
      $(".foot").load("foot.html");
    </script>
  </div>


  <script>
       html2 = `<div class="sj_c sj_bck">
        <div class="sj_c_ul_par">
          <div class="sj_c_ul">
            <button class="tianjia">+添加组</button>
            <ul>
              <li>
                <p><span>*</span> 方案URL：</p>
                <div>
                  <input type="text" name="" id="">
                </div>
                <!-- <button>删除组</button> -->
              </li>

              <li>
                <p><span>*</span> 选信源名称：</p>
                <div>
                  <input type="text" name="" id="">
                </div>
                <!-- <button>删除组</button> -->
              </li>

              <li>
                <p><span>*</span> 发布时间：</p>
                <div>
                  <input type="text" name="" id="">
                </div>
                <!-- <button>删除组</button> -->
              </li>
            </ul>
              <button class="dyf_shanchu">删除组</button>
          </div>
        </div>
      </div>`
        $(".second").on('click', '.tianjia', function () {
            $(this).parent().parent().parent().after(html2)
        })
        $(".second").on('click', '.dyf_shanchu', function () {
            $(this).parent().parent().parent().remove();
        })
  </script>
</body>

</html>